body {
    font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
    font-size: $body-font-size;
    background: $body-bg-color;
    overflow-x: hidden;
    color: $body-text-color;
}

a {

    &:hover,
    &:focus,
    &:active {
        text-decoration: none;
    }
}

/** 滚动条样式 **/
::-webkit-scrollbar-track {
    background-color: $scrollbar-bg-color;
}

::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: $scrollbar-bg-color;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: $scrollbar-color;
}

.bg-white {
    background-color: $white-color;
}

.bg-gray {
    background-color: $base-gray-color;
}

//实线分割线
.hr-line {
    border-top: 1px solid $hr-border-color;
    color: $hr-color;
    background-color: $hr-bg-color;
    height: 1px;
    margin: 20px 0;
}

//虚线分割线
.hr-line-dashed {
    border-top: 1px dashed $hr-border-color;
    color: $hr-color;
    background-color: $hr-bg-color;
    height: 1px;
    margin: 20px 0;
}

// 两端对齐，横向居中
.space-between {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

//无样式列表
ul.nostyle,
ol.nostyle {
    list-style: none;
}


.space-line {
    margin: 10px 0;
}

.section-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid $base-border-color;
}

.wrapper-container {
    padding: 10px 10px;
}

.wrapper-container:before,
.wrapper-container:after {
    display: table;
    content: " ";
}

.wrapper-container:after {
    clear: both;
}

.wrapper-content {
    padding: 15px;
}

.wrapper-content:before,
.wrapper-content:after {
    display: table;
    content: " ";
}

.wrapper-content:after {
    clear: both;
}


.no-selected{
    user-select: none !important;
}

.no-padding {
    padding: 0 !important;
}



@each $size in 5,10,15,20,25,30,35,40 {

    .padding-#{$size} {
        padding: #{$size}px !important;
    }
    .pt-#{$size} {
        padding-top: #{$size}px !important;
    }
    .pb-#{$size} {
        padding-bottom: #{$size}px !important;
    }
    .pl-#{$size} {
        padding-left: #{$size}px !important;
    }
    .pr-#{$size} {
        padding-right: #{$size}px !important;
    }

  }

.no-margin {
    margin: 0 !important;
}

@each $size in 5,10,15,20,25,30,35,40 {

    .margin-#{$size} {
        margin: #{$size}px !important;
    }
    .mt-#{$size} {
        margin-top: #{$size}px !important;
    }
    .mb-#{$size} {
        margin-bottom: #{$size}px !important;
    }
    .ml-#{$size} {
        margin-left: #{$size}px !important;
    }
    .mr-#{$size} {
        margin-right: #{$size}px !important;
    }

  }
  
@each $size in 12,13,14,15,16,18,20,22,24,26,28,30 {
    .font-#{$size}{
        font-size: #{$size}px !important;
    }
}

.fa-close-thin:before {
    content: "\f501";
}

.fa-circle-close:before {
    content: "\f2e1";
}

.fa-circle-ok:before {
    content: "\f2e2";
}

.fa-circle-question:before {
    content: "\f2e3";
}

.fa-circle-warning:before {
    content: "\f2e4";
}

/* 图片大小样式 */
.img-xs {
    width: 32px;
    height: 32px;
}

.img-sm {
    width: 64px;
    height: 64px;
}

.img-md {
    width: 96px;
    height: 96px;
}

.img-lg {
    width: 120px;
    height: 120px;
}